<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>训练</title>
    <style>
        /* *{padding: 0;
        margin: 0;}
        .a{
            width: 780px;
            height: 624px;
            background-color: aqua;
            margin: 50px auto;
            display: grid;
            grid-template-rows: repeat(4,1fr);
            grid-template-columns: repeat(5,1fr);
            align-items: center;
            justify-content: space-around;
        }
        .a div{
            width: 150px;
            height: 148px;
            background-color: antiquewhite;
            align-items: center;
            display: flex;
            border-radius: 10px 0px 10px 0px;
            border: 2px solid rgb(110,167,243);
            background-image: url("./题目/题目/核心练习作业素材/images/1.webp");
            background-size: cover;
            background-repeat: no-repeat; 
             top: -1px; 
        }
        img{
            width: 150px;
            height: 148px;
           border-radius: 10px 0px 10px 0px; 
        }
        /* table{
            width: 700px;
            margin: 50px;
            border: 1px solid #000;
            border-collapse: collapse;
            text-align: center;
        }
        caption{
            font-size: 20px;
            font-weight: bold;
            line-height: 60px;
        }
        th,td{
            border: 1px solid #000;
            padding: 10px 0;

        } */
         /* .box{
            width: 1070px;
            height: 451px;
            background-color: antiquewhite;
            border-left: 6px solid rgb(255,192,203);
            border-bottom:6px solid rgb(255,192,203);
            margin: 50px auto;
            display: flex;
            align-items: end;
            justify-content: space-around;
         }
         .box div span{
            position: absolute;
            width: 50px;
            height:20px;
            top: -20px;
            text-align: center;
         }
         .box div p{
            position: absolute;
            width: 80px;
            bottom: -30px;
            left: -15px;
            text-align: center;
         }
         .box div{
            position: relative;
            width: 50px;
            height: 20px;
         } */
    </style>
</head>
<body>
    <script>
        //let num = 20
        //let uname = "zhangsan"
        //console.log(num,uname)

        //let name = prompt('请输入您的姓名：')
        //document.write(name)

        //let num1 = 30
        //let num2 = 40
        //let temp
        //temp = num1
        //num2 = temp
        //document.write(num2)
        
        // let name1 = prompt('请输入你的名字：')
        // let age = prompt('请输入你的年龄：')
        // let sex = prompt('请输入你的性别：')
        //let tem1,tem2,tem3
        //tem1 = name1
        //tem2 = age
        //tem3 = sex
        //document.write(tem1,tem2,tem3)

        //let arr=[1,2,3]
        //document.write(arr[2])

        //console.log('pink'+1)
        // emp=new Array(3);
        // emp[0] = 0;emp[1]=1;
        // emp[2] = 0;emp[3]=1;
        // document.write(emp.length) 
        //var k=new Date()
        //document.write(k)

//         let kayue = prompt('请输入银行卡余额：') ,shuifei = prompt('请输入水费：'),
//         dianfei = prompt('请输入电费：'),wangfei = prompt('请输入网费')
//         let str =`<table>
//         <caption>
//             黄中旺
//         </caption>
//         <tr>
//             <th>银行卡余额</th>
//             <th>水费</th>
//             <th>电费</th>
//             <th>网费</th>
//             <th>银行卡余额</th>
//         </tr>
//         <tr>
//             <td>${kayue}元</td>
//             <td>${shuifei}元</td>
//             <td>${dianfei}元</td>
//             <td>${wangfei}元</td>
//             <td>${+kayue-shuifei-dianfei-wangfei}元</td>
//         </tr>    
//     </table>`
//     document.write(str)

        //let i = +prompt('请输入一个数：')
        // document.write(i % 2 == 0 && i % 6 == 0)

        // let user = prompt('请输入用户名'),
        // password= prompt('请输入密码')
        // if(user == admin && password == 123456){
        //     alert("登陆成功");
        // }
        // else{
        //     alert("登录失败");
        // }
//         let num1 = +prompt('请输入一个数：')
//         let num2 = +prompt('请输入一个数')
//             if(num1>num2){
//                 alert('num1')
//             }
//             else{
//                 alert('num2')
// //             }
//     let num = +prompt('输入一个数')
//     let re = num<10?'0'+num:num
//     document.write(re)
       // let  i= +prompt('第一个数'),e=+prompt('第二个数'),f=prompt('输入运算符')
        // switch(f){
        //     case'+':
        //      alert(i+e)
        //     break;
        //     case'-':
        //     alert(i-e)
        //     break;
        //     case'*':
        //     alert(i*e)
        //     break;
        //     case'/':
        //     alert(i/e)
        //     break;
        //     case'%':
        //     alert(i%e)
        //     break;
        //     default:
        //         alert(不符合)
        //         break;
        // }

        // let i=1, sum=0
        // while(i<101){
        //     i++;
        //     sum+=i;            
        // }

        // let num1 = 10000
        // while(true){
        //     let change = prompt(`
        //     1.取款
        //     2.存钱
        //     3.查看余额
        //     4.退出`)
        //     switch(change){
        //         case'取款':
        //         let qukuan =+ prompt('请输入取款金额：')
        //         num1-= qukuan;
        //         break;
        //         case'存钱':
        //         let cunkuan =+ prompt('请输入存款金额：')
        //         num1+=cunkuan;
        //         break;
        //         case'查看余额':
        //         alert(num1);
        //         break;
        //         //case'退出':
        //         //break;
        //         default:
        //             break;
        //     }
            // if(change=='退出'){
            //     break;
            // }
        //}

        // document.write('<table>')
        //       for(let i=1;i<=9;i++){
        //           document.write('<tr>')
        //               for(let j=1;j<=i;j++){
        //                   document.write('<td>');
        //                   document.write(i);
        //                   document.write('×')
        //                   document.write(j);
        //                   document.write('=');
        //                   document.write(i*j);
        //                   document.write('</td>');
        //               }
        //         //document.write(i)
        //         //document.write('</td>')
        //          document.write('</tr>')
        //      }
        //  document.write('</table>')

            // let arr=[2,6,1,77,52,25,7]
            // let max=arr[0]
            // for(let i=1;1<arr.length;i++){
            //     max=max>arr[i]?max:arr[i]
            // }
            // document.write(max)

        //     let arr=[]
        //     for(let i=0;i<4;i++){
        ///        arr.push(prompt(`请输入第${i+1}季度产值`))
        //     }
        //     let str=`<div class="box">`
        //         for(let j=0;j<arr.length;j++){
        //             str+=`<div style="height: ${arr[j]}px;background-color: rgb(255,192,203);">
        //     <span>${arr[j]}</span>
        //     <p>第${j+1}季度</p>
        // </div>`
        //         }
        //         document.write(str)
    </script>
    <!-- <div class="box">
        <div style="height: 12px;background-color: rgb(255,192,203);">
            <span>20</span>
            <p>第一季度</p>
        </div>
        <div>
            <span>30</span>
            <p>第二季度</p>
        </div>
        <div>
            <span>40</span>
            <p>第三季度</p>
        </div>
        <div>
            <span>50</span>
            <p>第四季度</p>
        </div>
    </div> -->
</body>
</html>